.mobile_none{
	display: none !important;
}
.container {
	margin: 0 auto;
}

.header .hamburger-inner,
.header .hamburger-inner::before,
.header .hamburger-inner::after {
	background-color: #333;
}

.header.leaving-top .hamburger-inner,
.header.leaving-top .hamburger-inner::before,
.header.leaving-top .hamburger-inner::after {
	background-color: #333;
}

.header .hamburger.is-active .hamburger-inner,
.header .hamburger.is-active .hamburger-inner::before,
.header .hamburger.is-active .hamburger-inner::after {
	background-color: #333;
}

.header.white .hamburger.is-active .hamburger-inner,
.header.white .hamburger.is-active .hamburger-inner::before,
.header.white .hamburger.is-active .hamburger-inner::after {
	background-color: #fff;
}

.header.white .hamburger-inner,
.header.white .hamburger-inner::before,
.header.white .hamburger-inner::after {
	background-color: #fff;
}

.header.white .hamburger.is-active .header.white .hamburger-inner,
.header.white .hamburger.is-active .header.white .hamburger-inner::before,
.header.white .hamburger.is-active .header.white .hamburger-inner::after {
	background-color: #fff;
}
/* * {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
} */

.slideshow {
	position: relative;
	z-index: 1;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}

.mouse {
	position: absolute;
	bottom: 70px;
	left: 50%;
	margin-left: -32px;
	display: none;
}
.mouse img{
	display: block;
	cursor: pointer;
}

.slideshow * {
	outline: none;
}

.slideshow .slider {
	height: 100vh;
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
    background-color: #d7d7d7;
}

.slideshow .slider-track {
	-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}

.slideshow .item {
	height: 100vh;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.slideshow .slick-track{
	overflow: hidden;
}
.slideshow  .item.inout img{
    -webkit-transition: all .1s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all .1s cubic-bezier(0.7, 0, 0.3, 1);
   
}
.slideshow .item img {
	object-fit: cover;
	width: 100%;
	height: 100vh;	
	-webkit-transition: all 8s linear 0s;
	transition: all 8s linear 0s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.slideshow .item.scaleIn{
    transition: all 2s linear 1s !important;
    -webkit-transition: all 2s linear 1s !important;
    -moz-transition: all 2s linear 1s !important;
    -ms-transition: all 2s linear 1s !important;
    -o-transition: all 2s linear 1s !important;
    opacity: 1;
}

.slideshow .item.scaleOut{
    transition: all 1.5s linear !important;
    -webkit-transition: all 1.5s linear !important;
    -moz-transition: all 1.5s linear !important;
    -ms-transition: all 1.5s linear !important;
    -o-transition: all 1.5s linear !important;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    opacity: 0;
}

.slideshow .item video {
	/* height: 100vh; */
	/* width: 100vw; */
	object-fit: cover;
	display: none;
	width: 0;
	height: 0;
	overflow: hidden;
}

.slideshow .item.slick-active img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.slideshow .item.slick-active.scalein img{
	transition: all 5.3s linear 0s;
}

.slick-dots {
	position: absolute;
	bottom: 25px;
}

.slick-dots li.slick-active button:before {
	color: #b40009;
}

.slick-next {
	right: 25px;
}

.slick-prev {
	left: 25px;
}

.slick-next,
.slick-prev {
	z-index: 99;
}

.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	/* padding: 25px 0; */
	padding: 0.2rem 0;
}

.headerMain {
	width: 100%;
	padding: 0 0.3rem;
}

.headerMain::after {
	content: '';
	display: block;
	clear: both;
}

@-webkit-keyframes leaving_top {
	from {
		top: -80px;
	}

	to {
		top: 0px;
	}
}

@keyframes leaving_top {
	from {
		top: -80px;
	}

	to {
		top: 0px;
	}
}

.header.leaving-top {
	position: fixed;
	-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
	background: none;
	background-color: #fff;
	-webkit-transition: background-color 1s;
	transition: background-color 1s;
	-webkit-animation-name: leaving_top;
	animation-name: leaving_top;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	height: 1.32rem;
	padding:0.2rem 0;
}

.header.leaving-top2 {
	position: fixed;
	-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
	background: none;
	background-color: #fff;
	-webkit-transition: background-color 1s;
	transition: background-color 1s;
	-webkit-animation-name: leaving_top;
	animation-name: leaving_top;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	height: 1.32rem;
	padding:0.2rem 0 ;
}

.header.leaving-top.crucify {
	position: fixed;
}

@keyframes leaving_top {
	from {
		top: -80px;
	}

	to {
		top: 0px;
	}
}

.header .logo {
	float: left;
	margin: 0.20rem 0 0.15rem;
	height: 0.57rem;
	width: 2.7rem;
	background: url(logo.png) no-repeat left center;
	background-size:auto 0.57rem;
	cursor: pointer;
	position: relative;
}
.header .logo a{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* .header .logo img{
	display: block;
	width: auto;
	height: 0.57rem;
} */

.header.white .logo {
	background-image: url(logo_white.png) ;
}
.header.white.leaving-top2 .logo {
	background-image: url(logo.png) ;
}
.header.leaving-top .logo{
}
.header .rightMenu {
	float: right;
	/* padding: 0.24rem 0; */
	display: block;
	font-size: 0;
	margin-top: 0.31rem;
}

.header .rightMenu .search-btn {
	display: inline-block;
	width: 0.35rem;
	height: 0.35rem;
	margin-right: 0.53rem;
	background: url(search.png) no-repeat center center;
	background-size: 100% 100%;
	cursor: pointer;
	float: left;
}

.header.white .rightMenu .search-btn {
	background-image: url(search_white.png);
}
.header.white.leaving-top2 .rightMenu .search-btn {
	background-image: url(search.png);
}

.header .hamburger{
	display: inline-block;
	background: rgba(0,0,0,0);
	float: left;
	width: 0.41rem;
	height: 0.35rem;
	background: url(yws2022_index1_s.png) no-repeat center center;
	background-size: 100% 100%;
}
.header.white .hamburger{
	background-image: url(yws2022_index1.png);
}
.header.white.leaving-top2 .hamburger{
	background-image: url(yws2022_index1_s.png);
}
.header .hamburger.is-active{
	background: url(yws2022_index6_s.png) no-repeat center center;
	background-size: 0.3rem 0.3rem;
}
.header.white .hamburger.is-active{
	background-image: url(yws2022_index6.png);
}
.header.white.leaving-top2 .hamburger.is-active{
	background-image: url(yws2022_index6_s.png);
}

.header .hamburger:focus{
	border: none;
	outline: none;
}
.header .hamburger .hamburger-box{
	display: none;
}
.header .searchCon {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vh - 1.32rem);
	background: rgba(247, 247, 247, 0.97);
	text-align: center;
	display: none;
}

.header .searchCon.is-active {
	display: block;
}

.animating {
	-webkit-animation: fadeInUp;
	animation: fadeInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
.bounceInRight{
	-webkit-animation: bounceInRight;
	animation: bounceInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
.bounceInUp {
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
.fadeInDown{
	-webkit-animation-duration: .7s;
		animation-duration: .7s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.fadeInUp{
	-webkit-animation-duration: .7s;
		animation-duration: .7s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.fadeIn{
	-webkit-animation: fadeIn;
	animation: fadeIn;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}
.animation-reverse {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	animation-direction: reverse !important;
	-webkit-animation-fill-mode: backwards !important;
	animation-fill-mode: backwards !important;
}

.header .searchCon h1 {
	padding-top: 1rem;
}

.header .searchCon .cross-btn {
	display: block;
	position: absolute;
	top: 0.4rem;
	right: 0.34rem;
	width: 0.4rem;
	height: 0.4rem;
	z-index: 1;
}

.header .searchCon .cross-btn .btn-body {
	position: relative;
	height: 100%;
	width: 100%;
}

.header .searchCon .cross-btn .btn-body:before,
.header .searchCon .cross-btn .btn-body:after {
	content: '';
	display: inline-block;
	position: absolute;
	height: 100%;
	width: 3px;
	border-radius: 999px;
	background-color: #b40009;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.header .searchCon .cross-btn .btn-body:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.header .searchCon .cross-btn .btn-body:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.searchCon.animating .cross-btn {
	-webkit-animation: rotateIn;
	animation: rotateIn;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}

.searchCon.animating.animation-reverse .cross-btn {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}

.header.leaving-top .searchCon {
	top: 100vh;
}

.searchCon .searcher-scroll-content {
	padding-top: 40px;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.searchCon .searcher-content {
	position: relative;
	text-align: left;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding-top: 1.48rem;
	display: block;
	margin: 0 0.27rem;
}

.searchCon .searcher-content .formed-block {
	width: 100%;
	border-bottom: 2px solid #b40009;
	position: relative;
	font-size: 0;
}

.searchCon .searcher-content .formed-block .block-body {
	position: relative;
	padding-left: 0.64rem;
}

.searchCon .searcher-content .formed-block .block-body .search-icon {
	width: 0.35rem;
	height: 0.35rem;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}

.searchCon .searcher-content .formed-block .block-body .search-icon .link-content:before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background: url(search_red.png) no-repeat;
	background-size: 90%;
	background-position: center center;
	cursor: pointer;
	/* opacity: .6; */
}
.searchCon .searcher-content .formed-block .block-body .link-submit{
	width: 2.03rem;
	height: 0.57rem;
	border-radius: 0.06rem;
	background-color: #cf1720;
	color: #FFFFFF;
	font-size: 0.3rem;
	border: none;
	padding: 0;
	position: absolute;
	left:50%;
	margin-left: -1.01rem;
	bottom:-1.43rem;
}

.formed-block.search-input .block-body .search_input{
	width: 100%;
	background-color: transparent;
	border: none;
}

.searchCon .searcher-content .formed-block .block-body .search_input{
	font-size: 0.3rem;
	height: 0.78rem;
	color: #685e58;
}

.link-content {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

.navigation {
	width: 100vw;
	height:calc(100vh - 1.32rem);
	min-height: 6rem;
	overflow-y: scroll;
	background: rgba(247,247,247, 0.97);
	position: fixed;
	left: 0;
	top: 1.30rem;
	z-index: 999;
	padding:0.18rem 0 1.3rem;
	display: none;
}

.navigation.is-active {
	display: block;
}

.navigation .navCon ul {
	overflow: hidden;
}
.navigation .navCon ul li {
}
.navigation .navCon ul li a {
	display: block;
	font-weight: normal;
	line-height: 0.73rem;
	position: relative;
	font-size: 0.28rem;
	float: left;
	width: 50%;
}
.navigation .navCon{
	padding:0 0.31rem;
}
.navigation .navCon ul li a:hover {
	color: #777;
}

.navigation .navCon ul li a.title {
	font-size: 0.34rem;
	top: 0;
	margin-top: 0.43rem;
	padding-bottom: 0.25rem;
	line-height: 1;
	width: 100%;
	margin-bottom: 0.06rem;
}

.navigation .navCon ul li:hover a.title::after {
	display: none;
}

.navigation .navCon ul li a.title::before {
	content: '';
	width: 0.32rem;
	height: 0.04rem;
	background: #b40009;
	position: absolute;
	bottom: 0;
	left:0;
}

.leaving-top2 {
	position: fixed;
}

.leaving-top .navSmall {
	display: none;
}

.navSmall {
	float: right;
	margin-right: 0.5rem;
	display: none;
}

.navSmall ul li {
	float: left;
	margin: 0 0.35rem;
	line-height: 0.84rem;
	height: 1rem;
	border-top: 0.06rem solid transparent;
	font-size: 0;
}

.navSmall ul li.active {
	border-color: #b40009;
}

.navSmall ul li a {
	font-size: 0.22rem;
	color: #333;
}

/* header end */
.contant {
	min-height: 5rem;
	/* max-width: 1920px; */
	/* margin: 0 auto; */
	overflow: hidden;
}
.contant .views{
	-webkit-transition: all .5s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all .5s cubic-bezier(0.7, 0, 0.3, 1);
	overflow: hidden;
}
.contant .views:nth-child(2n) {
	background-color: #f5f5f5;
}

.contant .title_global {
	width: 100%;
	padding: 0 0.3rem;
	font-size: 0.5rem;
	line-height: 0.5rem;
	position: relative;
}

.contant .title_global font {
	font-weight: 300;
	/* padding-right: 40px; */
}
.contant .title_global .text{
	position: relative;
}
.contant .title_global .text .icos{
	width:0.61rem;
	height: 0.61rem;
	background: url(001-title-icon.png) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	right: -0.34rem;
	bottom: 0.27rem;
}

.newBook .title_global .text .icos {
	background-image: url(002-title-icon.png);
	width: 0.47rem;
	height: 0.73rem;
	right: -0.24rem;
	bottom: 0.10rem;
}
.devHistory .title_global .text .icos {
	background-image: url(003-title-icon.png);
	width: 0.63rem;
	height: 0.58rem;
	right: -0.47rem;
	bottom: 0.20rem;
}
.collectionList .title_global .text .icos {
	background-image: url(004-title-icon.png);
	width: 0.55rem;
	height: 0.55rem;
	right: -0.33rem;
	bottom: 0.13rem;
}
.activityList .title_global .text .icos {
	background-image: url(005-title-icon.png);
	width: 0.66rem;
	height: 0.43rem;
	right: -0.32rem;
	bottom: 0.34rem;
}
.brandList .title_global .text .icos {
	background-image: url(006-title-icon.png);
	width: 0.84rem;
	height: 0.80rem;
	right: -0.45rem;
	bottom: 0.01rem;
}

/* .newsList .title_global font {
	background: url(001-title-icon.png) no-repeat 55px 50px;
}

.newBook .title_global font {
	background: url(002-title-icon.png) no-repeat 60px 50px;
}

.devHistory .title_global font {
	background: url(003-title-icon.png) no-repeat 60px 60px;
} */
.collectionList{
	padding-top: 0.81rem;
}
.collectionList .title_global{
	/* height: 160px; */
}
.collectionList .title_global font {
	background: url(004-title-icon.png) no-repeat 55px 55px;
}
.collectionList .swiper-slide{cursor: pointer;}
.collectionList .swiper-slide:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.activityList .swiper-slide{
	cursor: pointer; 
	opacity: 0;
	-webkit-transition: all .5s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all .5s cubic-bezier(0.7, 0, 0.3, 1);
	width: 4.52rem;
}
.newsCon {
	padding-bottom: 1rem;
	margin-top: 0.47rem;
	/* padding-left: 0.3rem; */
}

.newsCon .newsView {
	position: relative;
	margin-top: 0.2rem;
	/* margin-right: 0.57rem; */
	padding-bottom: 0.36rem;
}

.newsCon .newsView::before {
	content: '';
	width: calc(100% + 0.4rem);
	height: calc(100% + 0.2rem);
	top: -0.2rem;
	left: -0.2rem;
	position: absolute;
	z-index: -1;
	background: #fff;
	box-shadow: 0.05rem 0.05rem 0.13rem 0px rgba(0, 0, 0, 0.11 );
	transition: all 0.6s;
	opacity: 0;
}
.newsCon .newsView:hover::before{
	opacity: 1;
}
.swiper .swiper-button-next, .swiper .swiper-button-prev{
	display: none;
}

.newsCon .newsView .imgview{
	margin-bottom: 0.30rem;
	overflow: hidden;
	height: 2.55rem;
}

.newsCon .newsView .title {
	font-size: 0.28rem;
	line-height: 1;
	height: 0.3rem;
	margin-bottom: 0.20rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newsCon .newsView:hover .title{
	color: #B40009;
}

.newsCon .newsView .time {
	background-color: #B40009;
	color: #fff;
	display: inline-block;
	padding: 0 0.15rem;
	line-height: 0.36rem;
	font-size: 0.22rem;
}
.yws_index_s .swiper-button-next{
	right:0.3rem;
}
.yws_index_s .swiper-button-prev{
	left:0.3rem;
}
.yws_index_s .swiper-button-next, .yws_index_s .swiper-button-prev{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	width: 0.46rem;
	height: 0.46rem;
	margin-top: -0.23rem;
	box-shadow:0 0 0.1rem rgba(255,255,255,0.8);
}
.yws_index_s .swiper-container-horizontal>.swiper-pagination-progress{
	margin: 0 0.3rem;
	width: calc(100% - 0.3rem);
}
.yws_index_s .swiper {
	width: 100%;
	padding: 0 1.82rem 0 0.3rem;
	height: 100%;
	position: relative;
	padding-bottom: 0.5rem;
}
/* .yws_index_s .swiper {
	width: 5.37rem;
	margin: 0 1.82rem 0 0.3rem;
	height: 100%;
	position: initial;
	padding-bottom: 0.5rem;
} */

.yws_index_s .swiper::after {
	content: '';
	height: 100%;
	width: 13.55%;
	background: #FFFFFF;
	opacity: 0.4;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: none;
}

.yws_index_s .swiper::before {
	content: '';
	height: 100%;
	width: 1.08rem;
	background: #FFFFFF;
	opacity: 0.4;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.newsCon .swiper{
	width: 100%;
	padding: 0 1.82rem 0 0.3rem;
	position: initial;
	/* padding-bottom: 0.46rem; */
	transform: translate3d(0,0,0);
}
.newsCon .swiper::before {
	width: 1.1rem;
}
.newsCon .swiper-slide {
	font-size: 18px;
	/* background: #fff; */
	width: 4.10rem;
	cursor: pointer;
	transform: translate3d(0,0,0);
	margin-bottom: 0.49rem;
}
.newsCon .mySwiper .swiper-pagination{
	margin:0 0 0.03rem 0.3rem;
	width: 100%;
}
.newsCon_s{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 4.74rem;
}

.newsCon .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.swiper-slide .imgview{ overflow: hidden;}
.swiper-slide:hover .imgview img{
	transform: scale(1.1, 1.1);
}
.more-icon {
	width: 0.5rem;
	height: 0.5rem;
	background: url(more-icon.png) no-repeat center center;
	background-size: 100% 100%;
}

.more-icon:hover {
	background-image: url(more-icon-hover.png);
	transform: rotate(90deg);
}

.viewGlobal {
	padding: 0 0.3rem;
	padding-bottom: 0.62rem;
	padding-top: 0.73rem;
}

.newBook{
	padding-top: 0.99rem;
}
.newBook ul {
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	/* padding-top: 10px; */
}

.newBook ul li {
	width: 100%;
	margin-bottom: 0.4rem;
	visibility: hidden;
}
.newBook ul li.fadeInUp{
	visibility: inherit;
}

.newBook ul li dl *{
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.newBook ul li dl dt img {
	/* width: 1.97rem; */
	width: 2.70rem;
	height: 2.70rem;
	display: block;
	box-shadow:0.05rem 0.05rem 0.13rem 0px rgb(0 0 0 / 11%);
}

.newBook ul li dl {
	position: relative;
	width: 100%;
	display: flow-root;
	cursor: pointer;
}

.newBook ul li:nth-child(2n) dl {
	padding-right: 0;
}

.newBook ul li dl dt {
	position: absolute;
	background-color: #FFFFFF;
}

.newBook ul li dl dd {
	background-color: #fff;
	color: #707070;
	/* padding: 0.28rem 0.4rem 0.52rem 2.17rem; */
	padding: 0.28rem 0.4rem 0.52rem 2.9rem;
	margin-left: 0.3rem;
	margin-top: 0.57rem;
	font-size: 0.22rem;
}

.newBook ul li dl dd .title {
	font-size: 0.28rem;
	line-height: 0.48rem;
	min-height: 0.96rem;
	margin-bottom: 0.4rem;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.newBook ul li dl dd p {
	margin-bottom: 0.26rem;
	line-height: 0.24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 0.48rem;
	display: none;
}

.newBook ul li dl dd a.mores {
	display: inline-block;
	margin-left: 0.38rem;
	padding-right: 0.49rem;
	color: #707070;
	background: url(link-icon.png) no-repeat right center;
	background-size: 0.36rem 0.11rem;
}
.newBook ul li dl:hover dd a.mores{
	background-image: url(link-icon-s.png);
}
.newBook ul li dl:hover dd {
	box-shadow:0.05rem 0.05rem 0.13rem 0px rgb(0 0 0 / 11%);
}


.newBook ul li dl:hover dt img {
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.newBook ul li dl:hover .title,.newBook ul li dl:hover a{
	color: #B40009;
}
.devHistory_s{
	position: relative;
}
.mySwiper_history.swiper {
	/* padding: 0 3.29rem 0 0.3rem; */
	margin-top: 0.72rem;
	/* padding-bottom: 1.85rem; */
	position: initial;
	padding: 0;
	margin-left:0.3rem;
	width: 3.80rem;
}
.mySwiper_history.swiper::before{
	width: 2.9rem;
	display: none;
}

.mySwiper_history .xians{
	content: '';
	height: 0.03rem;
	background: #eee;
	width: 100%;
	position: absolute;
	top: 1.29rem;
	left: 0.3rem;
}

.historyView .title {
	text-align: center;
	font-size: 0.5rem;
	color: #bcbcbc;
	line-height: 1;
	margin-bottom: 0.61rem;
	padding-bottom: 0.03rem;
	font-family: "Arial";
}

.historyView .title p {
	font-size:0.28rem;
	line-height: 1;
	color: #bcbcbc;
	padding-bottom: 0.38rem;
	margin-top: 0.14rem;
}

.historyView .intro {
	line-height: 0.48rem;
	padding: 0.36rem 0.45rem;
	font-size: 0.28rem;
	color: #666;
	position: relative;
	transition: all .21s linear .1s;
	margin: 0 0.12rem;
	text-align: justify;
}
.historyView .intro .jians{
	position: absolute;
	left: 50%;
	margin-left: -0.11rem;
	top: -0.2rem;
	width: 0.22rem;
	height: 0.2rem;
	background: url(yws2022_index2.png) no-repeat center center;
	background-size: 100% 100%;
	opacity: 0;
	transition: all .21s linear .1s;
}
.mySwiper_history .swiper-slide-active .intro .jians{
	opacity: 1;
}

.mySwiper_history .historyView {
	margin-right: 0;
}

.mySwiper_history .swiper-slide-active .intro {
	background: #cf1720;
	color: #fff;
}

.mySwiper_history .swiper-wrapper{
	z-index: 1;
}
.mySwiper_history .swiper-slide {
	color: #666;
	visibility: hidden;
	width: 3.79rem;
	
}
.mySwiper_history .swiper-slide.bounceInRight{
	visibility: inherit;
}
.mySwiper_history .swiper-slide:hover {
	opacity: 1;
}

.mySwiper_history .swiper-slide-active {
	opacity: 1;
	color: #666;
}

.mySwiper_history .swiper-slide-active .historyView .title{
	color: #B40009;
	font-weight: bold;
}
.mySwiper_history .swiper-slide-active .historyView p{
	color: #333;
	font-weight: normal;
}
.mySwiper_history .swiper-slide-active::before{
	content: '';
	height: 2px;
	width: 130%;
	position: absolute;
	top: 1.29rem;
	left: 0;
	background: #B40009;
	
}
/* .mySwiper_history .swiper-slide-active::before {
	width: 130%;
} */

.mySwiper_history .swiper-slide-last::before {
	/* width:1.88rem; */
	width:50%;
}

.mySwiper_history .swiper-slide::after {
	content: '';
	height: 0.25rem;
	width: 0.25rem;
	border-radius: 0.25rem;
	border: 0.02rem solid #dcdcdc;
	position: absolute;
	top: 1.18rem;
	background-color: #fff;
	left:50%;
	margin-left: -0.15rem;
	z-index: 3;
}

.mySwiper_history .swiper-slide-active::after {
	border-color: #B40009;
	transition: all .2s linear .1s;
	transform: scale(1.3);
}

.mySwiper_collection{
	padding-top: 0.99rem;
	padding-bottom: 0.71rem;
}

.collectionView_mobile{
	padding:0.7rem 0.3rem 0.08rem;
}
.collectionView {
	text-align: center;
	/* padding-top: 30px; */
	/* margin-right: 0.64rem; */
	padding: 0 0;
	width: 3.11rem;
	float: left;
	margin-bottom: 0.88rem;
}
.collectionView:nth-child(even){
	float: right;
}

.collectionView img {
	width: 100%;
	margin-bottom: 0.37rem;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: scale(.4);
	/* background-color: #FFFFFF; */
}
.scrollActive .collectionView img{
	transform: scale(1);
}
.activityList{
	padding-top: 0.98rem;
	padding-bottom: 1rem;
}
.activityList.scrollActive .swiper-slide{
	opacity: 1;
}
.scrollActive .liubx{
	padding-top:0.09rem;
	padding-bottom:0.09rem;
}
.collectionView .title {
	margin-bottom: 0.13rem;
	font-size: 0.28rem;
	line-height: 0.4rem;
	height: 0.8rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.collectionView:hover .title{
	color: #B40009;
}

.collectionView .intro {
	font-size: 0.22rem;
	line-height:0.24rem;
	height: 0.24rem;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.collectionList .swiper::after,
.collectionList .swiper::before {
	background: #f5f5f5;
}

.activityList_s{
	position: relative;
	overflow: hidden;
	height: 4.16rem;
	margin-top: 0.72rem;
	margin-left: 0.3rem;
	transform: translate3d(0,0,0);
}
.mySwiper_activity.swiper {
	/* padding: 0; */
	padding-left: 0;
	position: initial;
	width: 100%;
	transform: translate3d(0,0,0); 
}
.mySwiper_activity.swiper::before{
	width: 1.5rem;
}

.activityList .swiper-slide{
	transform: translate3d(0,0,0);
}
.activityView {
	padding: 0.25rem 0.25rem 0.25rem;
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	/* box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.11); */
	border-bottom: 0;
	position: relative;
	/* margin-right: 0.3rem; */
	background: url(yws2022_index3.png) no-repeat left center;
	background-size: 100% auto;
}
.activityList .imgbg img{
	width: 100%;
	vertical-align: top;
}
.mySwiper_activity .swiper-slide:hover .activityView a{
	color: #B40009;
}

.activityView img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.activityView .imgview{
	margin-bottom: 0;
	height: 2.74rem;
}

.activityView .title {
	line-height: 1;
	font-size: 0.28rem;
	padding: 0.30rem 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.devHistory{
	padding-top: 1rem;
	padding-bottom:0.99rem;
}
.devHistory.V2 { padding-bottom: 80px;}
.devHistory.V2 .devView{
	min-width: 1200px;
	padding:  0 8.33%;
	background: url(devbg.png) no-repeat 44% 20px;
	background-size: 78% 400px;
}
.devHistory.V2 .devView ul{ display: flex; flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	}
.devHistory.V2 .devView ul li{
	display: inline-block;
	width: 33.33%;
	text-align: center;
	margin-bottom: 50px;
	position: relative;
}
.devHistory.V2 .devView ul li .title{ 
	line-height: 34px;
	font-size: 26px;
	opacity: 0;
}
.devHistory.V2 .devView ul li .title p{
	font-size: 22px;
}
.devHistory.V2 .devView ul li .imgsty{
	width: 118px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 15px;
	z-index: 3;
}
.devHistory.V2 .devView ul li .imgsty img{
	border:1px solid  #d7d7d7;
	border-radius: 50%;
	padding:8px;
	background-color: #fff;
	width: 118px;
	height: 118px;
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: scale(0);
}
.devHistory.V2 .devView ul li.active .title{ opacity: 1;}
.devHistory.V2 .devView ul li.active .imgsty img{
	transform: scale(1.2);
	border:1px solid  #B40009;
}
.devHistory.V2 .devView ul li.activeIng .imgsty img{
	transform: scale(1);
	border:1px solid  #d7d7d7;
}


.devHistory.V2 .devView ul li:nth-child(2){
	padding-top: 100px;
}
.devHistory.V2 .devView ul li:nth-child(4){
	width: 49%;
	padding-left: 18%;
	margin-bottom: 0;
}
.devHistory.V2 .devView ul li:nth-child(5){
	width: 49%;
	padding-right: 14%;
	margin-bottom: 0;
}
.devHistory.V2 .devView ul li:nth-child(5) .intro p{
	width: 340px;
}
.devHistory.V2 .devView ul li .intro{
	position: absolute;
	left: 8px;
	top: 0;
	height: 118px;
	width: 480px;
	padding: 20px 30px;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	border:1px solid  #d7d7d7;
	border-radius: 69px;
	z-index: -1;
	overflow: hidden;
	-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	background: #fff;
	padding-left: 130px;
	opacity: 0;
}
.devHistory.V2 .devView ul li:nth-child(3) .intro{
	left: auto;
	right: 8px;
	padding-left: 30px;
	padding-right: 110px;
}
.devHistory.V2 .devView ul li .intro p{
	top: 20px;
	-webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
	height: 74px;
	overflow: hidden;
	padding-right: 20px;
	left: -490px;
	width: 330px;
	position: absolute;
	font-size: 15px;
}
.devHistory.V2 .devView ul li:nth-child(3) .intro p{
	left: auto;
	right: -490px;
	width: 380px;
}
.devHistory.V2 .devView ul li:hover{
	z-index: 5;
}
.devHistory.V2 .devView ul li:hover .intro{
	opacity: 1;
	
}

.devHistory.V2 .devView ul li:hover .intro p{
	left: 130px;
}
.devHistory.V2 .devView ul li:nth-child(3):hover .intro p{
	left: auto;
	right: 110px;
	padding-left: 40px;
}
.devHistory.V2 .devView ul li:hover .imgsty img{
	border-color: #B40009;
	transform: scale(1.1);
	
}

/* f5f5f5 */
.hex {
	position: relative;
}

.hex .hexIn {
	background: url(lxbg.png) no-repeat center center;
	background-size: 100%;
}

.hex .hexIn:hover {
/* 	background: url(lxbg-hover.png) no-repeat center center;
	background-size: 100% */
}


.liubx {
	padding: 0 13.55%;
	-webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hex h1 {
	background: rgba(255, 255, 255, 0.2);
}


/* 滚动效果 */
.contant .views.active .newsCon{
	opacity: 1;
}


/* main end */
.footer {
	background-color: #a62027;
}

.footer .footerMain {
	padding: 0.27rem 0;
	color: #fff;
	font-size: 0.22rem;
	text-align: center;
	line-height: 0.48rem;
}
.footer .footerMain{ }
.footer .footerMain .p1{}
.footerMain .hui{ margin-left: 0px; padding-left: 0.32rem; background: url(bq.png) no-repeat left center; background-size: 0.18rem 0.2rem; display: inline-block;}
.footerMain a{
	color: #FFFFFF;
}

/*  */
.brandList{
	position: relative;
	padding-top: 0.97rem;
}
.brandList .brandList_w{
	opacity: 0;
}
.brandList.scrollActive .fadeInUp{
	opacity: 1;
}
.brandList .title_global {
}
.brandList_w.swiper::after, .brandList_w.swiper::before{
	background-color: #f8f8f8;
}
.brandList_w .swiper-wrapper{
	padding-left: 0.83rem;
}
.brandList_w{
	padding: 0.1rem 0.03rem 0.84rem;
}
.newsList{
	padding-top: 0.62rem;
}

.brandList_li{
	width:100%;
	padding: 0 2.26rem;
	position: relative;
	margin-bottom: 0.1rem;
	z-index: 1;
}
.brandList_li:hover{
	z-index: 2;
}
.brandList_lis{
	width: 2.92rem;
	height: 2.53rem;
	background: url(yws2022_index4.png) no-repeat center center;
	background-size: 100% 100%;
}
.brandList_li .brandList_lis:nth-child(1){
	position: absolute;
	left:0;
	top:52%;
}
.brandList_li .brandList_lis:nth-child(3){
	position: absolute;
	right:0;
	top:52%;
}
.brandList_lis:hover{
	background-image: url(yws2022_index5.png);
}
.brandList_lis .kj{
	display:flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	position: relative;
}
.brandList_lis .kj .imgsty{
	max-width: 68%;
	max-height: 68%;
	height: auto;
	transition: all 0.3s;
	opacity: 1;
}
.brandList_lis .kj:hover .imgsty{
	transform: scale(0);
	opacity: 0;
}
.brandList_lis .kj h1{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: scale(0);
	transition: all 0.75s;
	opacity: 0;
}
.brandList_lis .kj:hover h1{
	transform: scale(1);
	opacity: 1;
}
.brandList_lis .kj h1 img{
	max-width:54%;
	display: block;
}
.brandList_li:last-child{
	min-height: 1.25rem;
}
.brandList_li:last-child .brandList_lis{
	position:initial;
	top: 0;
}